<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core">

<!-- <f:view contentType="text/html"> -->
<ui:composition>

	<h:head>
		<title>A World To Learn</title>

		<ui:insert name="pagehead">
			<ui:include src="commonPageHead.xhtml" />
		</ui:insert>
	</h:head>
	<h:body>

		<!-- 		<ui:insert name="pagehead"> -->
		<!-- 			<ui:include src="commonPageHead.xhtml" /> -->
		<!-- 		</ui:insert> -->

		<div class="navbar navbar-fixed-top">
			<ui:insert name="menu">
				<ui:include src="commonMenu.xhtml" />
			</ui:insert>
		</div>
		<div class="container">
			<!-- 			<ui:insert name="pageheader"> -->
			<!-- 				<ui:include src="commonPageHeader.xhtml" /> -->
			<!-- 			</ui:insert> -->

			<ui:insert name="pagecontent">
				<ui:include src="commonContent.xhtml" />
			</ui:insert>

			<ui:insert name="footer">
				<ui:include src="commonFooter.xhtml" />
			</ui:insert>


		</div>
		<!-- /container -->
	</h:body>
	<!-- Le javascript
    ================================================== -->
	<!-- Placed at the end of the document so the pages load faster -->
	<script src="templates/js/jquery.js"></script>
	<script src="templates/js/bootstrap-transition.js"></script>
	<script src="templates/js/bootstrap-carousel.js"></script>
	<script src="templates/js/bootstrap-alert.js"></script>
	<script src="templates/js/bootstrap-modal.js"></script>
	<script src="templates/js/bootstrap-dropdown.js"></script>
	<script src="templates/js/bootstrap-scrollspy.js"></script>
	<script src="templates/js/bootstrap-tab.js"></script>
	<script src="templates/js/bootstrap-tooltip.js"></script>
	<script src="templates/js/bootstrap-popover.js"></script>
	<script src="templates/js/bootstrap-button.js"></script>
	<script src="templates/js/bootstrap-collapse.js"></script>
	<script src="templates/js/bootstrap-typeahead.js"></script>
	<script src="templates/js/jquery-ui-1.8.18.custom.min.js"></script>
	<script src="templates/js/jquery.smooth-scroll.min.js"></script>
	<script src="templates/js/lightbox.js"></script>
	<script>
		$('.carousel').carousel({
			interval : 5000
		})
		$(document).ready(function() {

			$(".priceNum").each(function(index) {
				console.log(index + ": " + $(this).text());
				var mb = $(this).text();
				var new_number = Math.round(mb).toFixed(2);
				$(this).replaceWith(new_number);
			});

		});
	</script>




</ui:composition>

</html>